export const show4 = () => {
    return {
      "App.vue":`




      <template>
      <div class="content">
        <show4>
              <template #img>
      <img src="/vue.example/static/show4.png"
    class="image1"
       alt="" />
    </template>
        <template #title>
            <div class="text1">
              发料单据数量
            </div>
    </template>
     <template #value>
  <div class="text2">
              1321
            </div>
    </template>
          </show4>
      </div>
    </template>
    
    <script setup>
    import { ref, reactive, nextTick, onMounted, watch } from "vue";
    import show4 from "./show4.vue";
    
    onMounted(() => {});
    </script>
    
    <style scoped>
    .content {
      width: 100%;
      background: #03286D;
      height: 492px;
      display: flex;
      justify-content: center;
    }
    .image1{
      width:99.26px;
      height:121.13px;
    }
    .text1{
font-weight: 400;
font-size: 16px;
color: #D3E4FE;
    }
        .text2{
font-weight: bold;
font-size: 24px;
color: #C5C1FF;
text-shadow: 0px 3px 6px #1900FF;
    }
    </style>
    
    
    
      
    
    
      
    
      `,
      "src/show4.vue":`

      

      <template>
      <div
        class="show4Box"
   
      >
            <slot name="img">

            </slot>
            <div class="show4Left" :style="styles">
               <div >
               <slot name="title">

            </slot>
            </div>
             <div>
               <slot name="value">

            </slot>
            </div>
            </div>
      </div>
    </template>
    
    <script setup>
    import {
      ref,
      reactive,
      defineEmits,
      onMounted,
      onUpdated,
      computed,
    } from "vue";
    const props = defineProps({
      styles:{
        type:{
          type:Object,
          defaule:()=>{
            return {
              
            }
          }
        }
      }
    });
    const getNums = computed(()=>{
      let data = String(props.number).split('');
      return data
    })
    onUpdated(() => {});
    </script>
    
    <style scoped>
    .show4Box {
      position: relative;
        display: flex;
          align-items: center;
    }
    .show4Left{
        margin-left: 16px;
    }
    </style>
    
      
    
      
      
      
      `
    }
   
  };
  